<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<div class="container">
   		<div class="row">
   			<div class="col-xs-6">
   				<form class="form-horizontal">
   					<div class="form-group">
   						<label class=" col-xs-3 control-label">登录名：</label>
						<div class="col-xs-9">
								<input class="form-control" />
							</div>
   				</form>
   			</div>
   		</div>
		<hr />
		<hr />
		<hr />
		<hr />
		<div class="row">
   			<div class="btn-group">
	   			<button class="btn btn-info">按钮</button>
	   			<button class="btn btn-info">按钮</button>
	   			<button class="btn btn-info">按钮</button>
	   			<button class="btn btn-info">按钮</button>
			</div>
			<hr />
   		</div>
   		<div class="row">
   			<div class="btn-group-vertical">
	   			<button class="btn btn-info">按钮</button>
	   			<button class="btn btn-info">按钮</button>
	   			<button class="btn btn-info">按钮</button>
	   			<button class="btn btn-info">按钮</button>
			</div>
   		</div>
   		<div class="row">
   			<div class="col-xs-4">
   				<div class="thumbnail">
   					<img src="bh.jpg" />
					<div class="caption">说明</div>
				</div>
   			</div>
			<div class="col-xs-4">
   				<div class="thumbnail">
   					<img src="bh.jpg" />
					<div class="caption">说明</div>
				</div>
   			</div>
			<div class="col-xs-4">
   				<div class="thumbnail">
   					<img src="bh.jpg" />
					<div class="caption">
						<span class="glyphicon glyphicon-heart"></span>说明</div>
				</div>
   			</div>
   		</div>
   		
   		<div class="row">
   			<div class="modal-content">
   			
   				<div class="modal-content pull-left">
		   			<div class="modal-header">
		   				<div class="modal-title">
		   					<h4>hello world</h4>
		   				</div>
					</div>
		   			<div class="modal-body">
		   				内容
		   			</div>
	   			</div>
   			
			
   				<div class="modal-content pull-left">
		   			<div class="modal-header">
		   				<div class="modal-title">
		   					<h4>hello world</h4>
		   				</div>
					</div>
		   			<div class="modal-body">
		   				内容
		   			</div>
	   			</div>
   				<div class="clearfix"></div>
			</div>
   		</div>
		
   	</div>
   </body>
</html>